﻿<!doctype html>
<html>
<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width"/>
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
</head>
<body>
	<div id="wrap">
		<div id="main">
			<!-- main banner -->
			<!--<script id="banner-template" type="text/x-dot-template">
				{{ for(var i=0; i< it.length; i++) { }}
				<div>
					<img src="{{=it[i].img.url}}" />
				</div>
				{{ } }}
			</script>-->
			
			<div id='slide' class='swipe'>
				<div class='swipe-wrap' id="banner-content">
				
					<!-- test -->
					<div onclick="openBroswer('http://mp.weixin.qq.com/s?__biz=MzAwNTkyMzIzNg==&mid=2247487885&idx=2&sn=31528f10bf16696911b14d4fec9ab4d5&chksm=9b141946ac639050689c30952b6668e6462ae4330e529a30762c0a8ef92f894b14725810de86&mpshare=1&scene=1&srcid=0320chFnlE0mkmrtFi72cdH5#rd')">
						<img src="../image/1.jpg" />
					</div>
					<div onclick="openBroswer('http://mp.weixin.qq.com/s?__biz=MzAwNTkyMzIzNg==&mid=2247487741&idx=1&sn=fa36111d3d6d1d26018ae6784d6f1004&chksm=9b141836ac639120a912623852c9aa1b3d995830bc83b200a2072ac2e5911e5543f9e66bda33&mpshare=1&scene=1&srcid=0320s9JzbSxbXJ4lhhoft1AJ#rd')">
						<img src="../image/2.jpg" />
					</div>
					<div onclick="openBroswer('http://mp.weixin.qq.com/s?__biz=MzAwODk5MTMyOQ==&mid=2247485398&idx=1&sn=76e1ae9aaa5fbfb44f9b2ac38a9e8b0c&chksm=9b6720d8ac10a9ce6b612e12266ea99fa57b0fef72fe30135810a830b36cc510a5bd70235bb0&mpshare=1&scene=1&srcid=0320KIKkd685FBJ7u8OBVuMC#rd')">
						<img src="../image/3.jpg" />
					</div>
				
				</div>
				<ul id="pointer">
					<li><a class="active"></a></li>
					<li><a></a></li>
					<li><a></a></li>
				</ul>
			</div>
			
			<!-- 我的跑团 -->
			<div id="my-groups">
				<div class="group-header">
					<img src="../image/icon-my-group.png" />
					<span onclick="openMyGroups()" class="my-group-more">更多 >></span>
					<div class="clear"></div>
				</div>
				
				<div class="my-groups-items">
				
					<script id="group-item-template" type="text/x-dot-template">
						{{ for(var i = 0; i < it.length; i++) {  }}
							<div class="my-groups-item added-group-item" onclick="openHuodong()">
									<img  class="my-groups-item-logo" src="../image/userTItle.png">
									<div class="my-groups-item-title">{{= it[i].name}}</div>
									<div class="my-groups-item-info">
										<span>互联网</span>
										<span>111人</span>
									</div>			
									<div class="my-groups-item-announce">跑团宣言：{{=it[i].intro}}</div>
							</div>
						{{ } }}
					</script>
					
	
					<div id="my-groups-content">

						<div class="my-groups-item" onclick="openDiscovery()">
							<img  class="my-groups-add" src="../image/icon-add-more.png">
							<div class="my-groups-add-title">探索</div>
							<div class="my-groups-add-info">发现更多跑团</div>	
						</div>
					
					</div>
					
				</div>
			</div>
			
			
			<!-- 推荐跑团 -->
			<div id="recommend-groups-items">
			
				<div class="group-header">
					<img src="../image/icon-recommend-groups.png" />
				</div>
				
				<div class="recommend-items-area">
				<div class="recommend-items">
					<div class="recommend-item" onclick="openGroupDetail()">
						<img src="../image/checkin1.png" />
						<div class="recommend-item-name">跑出我的城市路</div>
						<div class="recommend-item-desc">那些你见过的或者没或者没或者没或者没或者没或者没或者没或者没见过的哦</div>
					</div>
					
					<div class="recommend-item" onclick="openGroupDetail()">
						<img src="../image/checkin1.png" />
						<div class="recommend-item-name">跑出我的城市路</div>
						<div class="recommend-item-desc">那些你见过的或者没见过的哦</div>
					</div>
					
					<div class="recommend-item" onclick="openGroupDetail">
						<img src="../image/checkin1.png" />
						<div class="recommend-item-name">跑出我的城市路</div>
						<div class="recommend-item-desc">那些你见过的或者没见过的哦</div>
					</div>	
					
				</div>
				</div>
			</div>
						
			<!-- 附近跑团 -->
            <div class="run-group">
				<div class="run-group-header">
					<img src="../image/icon-nearby-groups.png" />
				</div>
				
                <script id="act-template" type="text/x-dot-template">
                    {{ for(var i=0; i< it.length; i++) { }}
                    
                    		<div class="run-group-item" onclick="openGroupDetail('{{=it[i].id}}');">
                            <div class="run-group-item-left" style="background-image:url(../image/checkin1.png )"></div>
                            <div class="run-group-item-right">
                            		<div class="run-group-item-title">{{=it[i].name}}</div>
                            		<div class="run-group-item-info">
                            			<span class="run-group-item-label">互联网</span>
                            			<span class="run-group-item-num">123人</span>
                            			<span class="run-group-item-location"><img src="../image/local.png" />宝安中心</span>
                            		</div>
                            		<div class="run-group-item-desc">
                                		跑团宣言：{{=it[i].intro}}
                            		</div>
                            </div>
                    		</div>
                    
                    {{ } }}
                </script>
                
                <div class="run-group-lists" id="run-group-lists">
              
                </div>
                
            </div>
            
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script src='../script/swipe.js'></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/main.js"></script>
</html>	